<template>
  <div class="ForAdoption2">
    <div class="requirements">
      <div class="requirements-name">
        <h3>领养要求</h3>
        <span>*</span>
      </div>
      <van-checkbox-group
        v-model="result"
        direction="horizontal"
        checked-color="#fe9e4e"
        icon-size="16px"
        shape="square"
      >
        <van-checkbox name="a">仅限同城</van-checkbox>
        <van-checkbox name="b">办理狗证</van-checkbox>
        <van-checkbox name="c">接受回访</van-checkbox>
        <van-checkbox name="d">绝育</van-checkbox>
        <van-checkbox name="e">安装窗纱</van-checkbox>
        <van-checkbox name="f">出门牵绳</van-checkbox>
        <van-checkbox name="g">签署协议</van-checkbox>
        <van-checkbox name="h">时间充裕</van-checkbox>
      </van-checkbox-group>
    </div>
    <div class="story">
      <div class="requirements-name">
        <h3>领养故事</h3>
        <span>*</span>
      </div>
      <div class="story-text">
        <textarea name id cols="30" rows="10" placeholder="请描述宠物饮食偏好、行为习惯、运动量等，以及送养原因、宠物过往经历、情感故事等。"></textarea>
      </div>
    </div>
    <div class="connection">
      <div class="requirements-name">
        <h3>领养故事</h3>
      </div>
      <div class="connection-text">
          <div>
              <label for="">所在地<span>*</span></label>
              <input type="text" placeholder="请选择城市">
          </div>
          <div>
              <label for="">手机号<span>*</span></label>
              <input type="text" placeholder="必填">
          </div>
          <div>
              <label for="">微信号</label>
              <input type="text" placeholder="选填">
          </div>
      </div>
      <div class="official">
          <van-checkbox 
          v-model="checked"
          checked-color="#fe9e4e"
          icon-size="16px"
          >手机号只作为短信通知用，不展示给领养人</van-checkbox>
      </div>
       <button class="next-step" @click="my">提交</button>
       <div class="notice">
           <van-checkbox 
          v-model="checkeds"
          checked-color="#fe9e4e"
          icon-size="16px"
          >我已阅读，并同意遵守<span>《萌宠之家平台送养规则》</span></van-checkbox>
       </div>
    </div>
  </div>
</template>
<script src="./ForAdoption2.js">
</script>
<style lang="scss">
@import "./ForAdoption2.scss";
</style>